var ul = $('#armees');
var ulTitle = $('#armeesTitle');
var add = $('#ajouter');
var addTitle = $('#ajouterTitle');

function Clicked(a, e){
    e.stopPropagation();
    e.preventDefault();
    
    var armee = a.text();
    self.postMessage(armee);
    return false;    
}

self.on("message", function onMessage(armees) {
    ul.empty();
    add.empty();

	var hasArmees = false;
	var hasAjouter = false;

    armees.forEach(function(armee){
        if(armee.saved){
            ul.append('<li id="'+armee.pseudo+'"><a href="http://'+armee.pseudo+'.minitroopers.fr/hq">'+armee.pseudo+'</a></li>');
			hasArmees = true;
		}
        else{
            add.append('<li id="'+armee.pseudo+'"><a href="http://'+armee.pseudo+'.minitroopers.fr/hq">Ajouter '+armee.pseudo+'</a></li>');
			hasAjouter = true;
		}
    });
    
	if(hasArmees){
		ul.show();
		ulTitle.show();
    	ul.find('a').click(function(e){ Clicked($(this), e); });
	}
	else{
		ul.hide();
		ulTitle.hide();
	}
		
	if(hasAjouter){
		add.show();
		addTitle.show();
    	add.find('a').click(function(e){ Clicked($(this), e); });
	}
	else{
		add.hide();
		addTitle.hide();
	}
});